<div class="table">
	<h2><?= _l('registration_title'); ?></h2>

<form name="regist" style="margin:0px" action="" method="POST" enctype="multipart/form-data">
	<table cellspacing="0" cellpadding="2">
		<tr>
			<td align="right" width="35%" valign="top"><?= _l('Login'); ?>:</td>
			<td style="padding-left:10px">
				<input id="login" onblur="check('login', 'login-layer');" class="form" style="width:160px" type="text" name="login" maxlength="30" />
				<br />
				<span class="help"> <?= _l('login_helper'); ?> </span>
				<div id="login-layer"></div>
			</td>
		</tr>
		<tr>
			<td align="right"><?= _l('Password'); ?>:</td>
			<td style="padding-left:10px">
				<input class="form" style="width:160px" type="password" name="pass1" maxlength="30" />
			</td>
		</tr>
		<tr>
			<td align="right"><?= _l('pass_confirm'); ?>:</td>
			<td style="padding-left:10px">
				<input class="form" style="width:160px" type="password" name="pass2" maxlength="30" />
			</td>
		</tr>
		<tr>
			<td align="right" valign="top"><?= _l('Name'); ?>:</td>
			<td style="padding-left:10px">
				<input id="name"  onblur="check('name', 'user-layer');" class="form" style="width:160px" type="text" name="name" maxlength="30" value="<?=$_POST['name']?>" />
				<br />
				<span class="help"><?= _l('name_helper'); ?></span>
				<div id="user-layer"></div>
			</td>
		</tr>
		<tr>
			<td align="right"><?= _l('Email'); ?>:</td>
			<td style="padding-left:10px">
				<input id="email" class="form" onblur="check('email', 'mail-layer');" style="width:160px" type="text" name="email" maxlength="30" value="<?=$_POST['email']?>" />
				<div id="mail-layer"></div>
			</td>
		</tr>
		<tr>
			<td align="right"><?= _l('antibot'); ?>:</td>
			<td style="padding-left:10px">
				<span id="captcha_image"><img src="/antibot.gif" align="absmiddle"></span>
				<input class="form" size="5" type="text" name="code" maxlength="5" value="" />
				<br />
				<span class="help"><?= _l('antibot_helper_1'); ?></span> 
				<a href="#" onclick="reload_captcha(); return false;"><small><?= _l('antibot_helper_2'); ?></small></a>
			</td>
		</tr>
		<tr>
			<td colspan="2" align="center">
				<input type="checkbox" name="agree" value="yes" /> 
				<label for="agree">
					<?= _l('confirm_helper_1'); ?> <a href="/rules.html" target="_blank"><?= _l('confirm_helper_2'); ?></a>
				</label>
				<input name="reg" type="submit" class="button" value="<?= _l('register'); ?>" style="width:200px" />
			</td>
		</tr>
	</table>
</form>

<script type="text/javascript">
function check(what, layer)
{
	new Ajax.Updater(layer, '/user/ajax/check_reg/', 
		{
			method: 'GET',
			parameters: { 
							mod: what,
							value: $(what).value	
						}
		});

}
</script>
</div>
